import { Toaster } from "sonner";
import { StrictMode } from "react";
import { RouterProvider } from "react-router-dom";
import MUiTheme from "./components/MuiTheme";
import router from "@/router";
import bg from "@/assets/images/bg.png";

export default function App() {
  return (
    <StrictMode>
      <MUiTheme>
        <main
          style={{ backgroundImage: `url(${bg})` }}
          className="h-screen bg-[#1e252b] bg-cover bg-center"
        >
          <div className="mx-auto flex size-full flex-col sm:w-[600px] md:w-[720px] lg:w-[960px] xl:w-[1140px] 2xl:w-[1320px]">
            <RouterProvider router={router} />
          </div>
        </main>
      </MUiTheme>
      <Toaster position="top-center" theme="system" richColors />
    </StrictMode>
  );
}
